import { Cylinders } from './jsx/allLiveEditors'

# Cylinders

`<Cylinders />` renders cylinder shapes.

## Props

| Name       | Type         | Default | Description                         |
| ---------- | ------------ | ------- | ----------------------------------- |
| `children` | `Cylinder[]` | `[]`    | array of Cylinder markers to render |

### Cylinder

```js
type Cylinder = {
  id?: number, // positive integer
  pose: {
    position: { x: number, y: number, z: number },
    orientation: { x: number, y: number, z: number, w: number }
  }
  scale: {
    x: number,
    y: number,
    z: number
  },
  color: {
    r: number, // between 0 and 1
    g: number, // between 0 and 1
    b: number, // between 0 and 1
    a: number, // between 0 and 1
  },
}
```

<Cylinders />
